<template>
  <div class="rich-text-view article-view">
    <div class="content-wrap">
      <h1 class="article-title">{{title}}</h1>
      <h5 class="article-subtitle">发布时间：{{createdDt | parseTime}}</h5>
      <div class="article-content" v-html="content"></div>
    </div>
  </div>
</template>

<script>

export default {
    props: {
        title: {
            type: String
        },
        createdDt: {
            type: Number
        },
        content: {
            type: String
        }
    },
    data() {
        return {
            entity: {}
        };
    }
};
</script>

<style lang="scss">
  @import "../../../assets/front/front";

  .rich-text-view  {
    .content-wrap {
      padding:30px 50px;
      .article-title {
        text-align: center;
      }
      .article-subtitle {
        text-align: right;
      }
      .article-content {
        margin-top:20px;
        border-top: 1px solid $bg-color;
      }
    }
  }



</style>
